function openQQ(qq){
    window.open('http://wpa.qq.com/msgrd?v=3&uin='+qq+'&site=qq&menu=yes','_brank');
}


$(function(){

    /*
        ------------------
        头部导航
        ------------------
    */
    var $menuMini = $('#nav-s-ul');
    $('.btn-menu').bind('click', function () {
        if ($menuMini.is(':visible')) {
            $('#nav-s-ul').slideUp(250, function(){
                $('.header_bg').removeClass('on');
                $(this).removeAttr('style');
            });
        } else {
            $('.header_bg').addClass('on');
            $('#nav-s-ul').slideDown(250);
        }
    });
    

    /*
        ------------------
        培训详情切换
        ------------------
    */
    $('.switch .s_nav a').on('click', function(){
        var $this = $(this);
        var index = $this.index();
        $this.addClass('active').siblings('.active').removeClass('active');
        $('.switch .dlBox dl').eq(index).addClass('show').siblings('.show').removeClass('show');
        $('.detailsBox .details').eq(index).addClass('show').siblings('.show').removeClass('show');
    })
    
    
    /*
        ------------------
        开启QQ聊天
        ------------------
    */
    //课程预约开启qq
    $('.courseList .button').on('click', function(){
        var qq = $(this).attr('data-qq');
        openQQ(qq);
    })
    //首页开启qq
    $('.followNav .qq').on('click', function(){
        var qq = $(this).attr('data-qq');
        openQQ(qq);
    })
    
    
    
    /*
        ------------------
        滚动顶部
        ------------------
    */
    $('.backTop').on('click', function(){
        $('html,body').animate({
            'scrollTop': 0
        }, 300);
    })


    /*
        ------------------
        联系我们
        ------------------
    */
    $('.map .mapBox .pd').append('<div class="map_bg"></div>');


    
    /*
        ------------------
        首页
        ------------------
    */
    $('.home_header .header').append('<div class="header_bg"></div>');
    if($('.home_header').length > 0){
        var $h_bg = $('.home_header .header_bg');
        var $backTop = $('.backTop');
        if($(window).scrollTop() >= 200 && !$h_bg.hasClass('active')){
            $h_bg.addClass('active');
            //开始-变黑
            $h_bg.animate({opacity: 0.7}, 300);
            $backTop.css('display', 'block');
        }
        $(window).on('scroll', function(){
            var top = $(window).scrollTop();
            if(top >= 200 && !$h_bg.hasClass('active')){
                $h_bg.addClass('active');
                //开始-变黑
                $h_bg.animate({opacity: 0.7}, 300);
                $backTop.css('display', 'block');
            }
            if(top < 200 && $h_bg.hasClass('active')){
                $h_bg.removeClass('active');
                //结束-变透明
                $h_bg.animate({opacity: 0}, 300);
                $backTop.css('display', 'none');
            }
        })
    }
    
    
    //table for ie
    $('.courseList table').attr({'cellspacing': '0', 'cellpadding': '0'});
    $('.courseList table tr').eq(0).find('th').last().html('　');
    
    
    //check ie8
    var ug = navigator.userAgent;
    if(ug.indexOf("MSIE")>0 && (ug.indexOf("MSIE 8.0")>0 || ug.indexOf("MSIE 7.0")>0))
    {
        $('.works ul').addClass('ie7-8');
        $('#slider .slider-imgs').addClass('ie7-8');
        $('.home_usAdvantage .ulBox').addClass('ie7-8');
    }

    var DEFAULT_VERSION = 8;
    var ua = navigator.userAgent.toLowerCase();
    var isIE = ua.indexOf("msie")>-1;
    var safariVersion;
    if(isIE){
        safariVersion =  ua.match(/msie ([\d.]+)/)[1];
        var sa = parseInt(safariVersion);
        if(safariVersion <= DEFAULT_VERSION ){
            //alert("ie8以下")
            $.getScript('js/css3-mediaqueries.js');
        }else{
            //alert("ie8以上")

        }
    }else{
        // alert("非ie")

    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    //临时模拟下导航链接
    //home link
    $('.headerBox .logo').on('click', function(){
        window.location.href = './网站首页.html';
    })
    /*$liDom = '<li>\
        <a href="./培训详情.html" class="a_li">\
        课程培训\
        <small>course</small>\
        </a>\
        <dl>\
        <a href="#">咖啡培训</a>\
        <a href="#" class="active">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        </dl>\
        </li>\
        <li>\
        <a href="./课程预约.html" class="a_li">\
        课程预约\
        <small>course</small>\
        </a>\
        <dl>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        </dl>\
        </li>\
        <li>\
        <a href="./作品展示.html" class="a_li">\
        作品展示\
        <small>course</small>\
        </a>\
        <dl>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        </dl>\
        </li>\
        <li>\
        <a href="#" class="a_li">\
        原料设备\
        <small>course</small>\
        </a>\
        <dl>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        </dl>\
        </li>\
        <li>\
        <a href="./新闻资讯.html" class="a_li">\
        新闻资讯\
        <small>course</small>\
        </a>\
        <dl>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        <a href="#">咖啡培训</a>\
        </dl>\
        </li>\
        <li>\
        <a href="./联系我们.html" class="a_li">\
        联系我们\
        <small>course</small>\
        </a>\
        </li>'
    $('.headerBox ul').html($liDom);*/




})
